<template>
  <div class="el-wrap">
    <!-- <div class="el-title el-text-c">{{ course.title }}</div> -->
    <el-row class="el-tooltip">
      <el-button @click="centerDialogVisible = !centerDialogVisible">签到</el-button>
      <el-button type="primary">结束课程</el-button>
    </el-row>
    <div class="position-box">
      <el-dialog title="签到" :visible.sync="centerDialogVisible" width="60%" center>
        <el-row>
          <!-- <el-button type="primary">主要按钮</el-button> -->
          <el-select v-model="classes.value" :placeholder="classes.placeholder">
            <el-option v-for="item in classes.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-row>
        <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" highlight-current-row style="width: 100%">
          <el-table-column label=""></el-table-column>
          <el-table-column label="学生" prop="name"></el-table-column>
          <el-table-column label="未到">
            <template slot-scope="scope">
              <el-radio v-model="scope.row.signin_status" label="1" border>未到</el-radio>
            </template>
          </el-table-column>
          <el-table-column label="已到">
            <template slot-scope="scope">
              <el-radio v-model="scope.row.signin_status" label="2" border>已到</el-radio>
            </template>
          </el-table-column>
          <el-table-column label="迟到">
            <template slot-scope="scope">
              <el-radio v-model="scope.row.signin_status" label="3" border>迟到</el-radio>
            </template>
          </el-table-column>
          <el-table-column label="请假">
            <template slot-scope="scope">
              <el-radio v-model="scope.row.signin_status" label="4" border>请假</el-radio>
            </template>
          </el-table-column>
          <!-- <el-table-column label="操作" align="right">
            <template slot-scope="scope">
              <el-radio-group v-model="scope.row.status" size="small">
                <el-radio label="1" border>未到</el-radio>
                <el-radio label="2" border>迟到</el-radio>
                <el-radio label="3" border>已到</el-radio>
                <el-radio label="4" border>请假</el-radio>
              </el-radio-group>
            </template>
          </el-table-column> -->
        </el-table>
      </el-dialog>
    </div>
    <el-row>
      <el-col :span="3">
        <div class="grid-content flex-left"><i class="el-icon-arrow-left"></i></div>
      </el-col>
      <el-col :span="12">
        <div class="grid-content"><img src="@/assets/image/img_editer_default.png" alt="" /></div>
      </el-col>
      <el-col :span="3">
        <div class="grid-content flex-left"><i class="el-icon-arrow-right"></i></div>
      </el-col>
    </el-row>
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" src="./index.scss"></style>
